<!-- ？接地开关SVG -->
<template>
    <div class="BranchSvg" :style="{background: bgColor}">
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="70" width="50">
            <path d="M 0 1 30 1 M 0 0 30 0 30 0 30 15 M 30 15 29 16 28 17 29 18 30 19 31 18 32 17 31 16 30 15 M 30 41 29 42 28 43 29 44 30 45 31 44 32 43 31 42 30 41 M 30 45 30 65 M 32 41 44 18 M 24 65 36 65 M 26 69 34 69" :stroke="color" stroke-width="3" fill="none" />
        </svg>
    </div>
</template>

<script>

export default {
    props: {
        color: {
            type: String,
            default () {
                return '#007eff'
            }
        },
        bgColor: {
            type: String,
            default () {
                return '#212120'
            }
        }
    },
    name: 'ContactSvg',
    components: {
    }
}
</script>

<style lang="scss" scoped>
.BranchSvg {
    width: 50px;
    height: 70px;
    position: absolute;
    left: calc(50% - 4px);
    bottom: 18px;
    transform: scale(0.8);
}
</style>
